<template>
  <div id="main_rabbitmq_queue_info" :style="{width: '600px', height: '150px'}"/>
</template>

<script>
import * as echarts from 'echarts';


export default {
  name: "RabbitMqQueueInfo",
  props:['queueInfo'],
  data(){
    return{
      info:this.queueInfo
    }
  },
  mounted() {
    const chartDom = document.getElementById('main_rabbitmq_queue_info');
    const myChart = echarts.init(chartDom);
    let option;
    option = {
      tooltip: {},
      series: [
        {
          type: 'treemap',
          data: this.queueInfo
        }
      ]
    };

    option && myChart.setOption(option);
  }
}




</script>

<style scoped>

</style>